<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="../js/jquery-3.4.1.min.js"></script>
        <script>
            $(function(){

                //获取父节点的jQuery对象
                console.log( $("li").parent());

                //获取祖先元素的节点的jQuery对象
                console.log( $("li").parents());

                // jQuery对象.each(函数)表示为成员函数,遍历jQuery对象
                $("li").each(function(index,item){
                    // console.log(index);//索引
                    // console.log(item);//每个元素的DOM对象
                    // console.log(item.innerHTML);//DOM对象.innerHTML
                    console.log($(item).html());//jQuery对象.html()
                });


                // $.each(对象或者集合,函数)表示为工具函数，遍历数组、对象、jQuery对象
                var  arrs=["aa","bb","cc","dd"];
                $.each(arrs,function(index,item){
                    // console.log(index);//数组的索引
                    console.log(item);//数组的元素值
                });

                var objs={"id":1001,"name":"alice"};
                $.each(objs,function(index,item){
                    console.log(index);//对象的属性名
                    console.log(item);//对象的属性值
                });

                $.each($("li"),function(index,item){
                    // console.log(index);//索引
                    // console.log(item);//DOM对象
                    console.log(item.innerHTML);//DOM对象.innerHTML
                    console.log($(item).html());//jQuery对象.html()
                });

            });


            // console.log($===jQuery);//true
        </script>
    </head>
    <body>
        <ul>
            <li>li01</li>
            <li>li02</li>
            <li>li03</li>
            <li>li04</li>
        </ul>
    </body>
</html>